<template>
  <div class="maintain-layout">
    <snackbar style-color="#4A4A4A"
              back-color="#ffffff"
              status-color="#ffffff"
              rightText="跳过"
              :fixed="true">
      <!--      <template slot="slot">-->
      <!--        -->
      <!--      </template>-->
    </snackbar>
    <div class="company">
      <input placeholder="    请输入你所在公司的名称">
    </div>
    <div class="text" v-for="(item,index) in dataArray" :key="index">
      <div class="text-one"><span>{{ item.company }}</span></div>
      <div class="text-two">
        <span>{{ item.province }}</span>
        <span>加入</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'company',
  data() {
    return {
      dataArray: [
        {
          company: '柳州市千里科技有限公司',
          province: '广西省',
        },
        {
          company: '柳州市炳圣建筑工程有限责任公司',
          province: '广西省',
        },


      ]
    }
  }
}

</script>

<style scoped lang="scss">
.maintain-layout {
  width: 100%;
  height: 100vh;
  background: #ffffff;

  .company {
    //border-bottom: 1px solid #65B651;
    width: 100vw;
    height: 10vh;
    background-color: #ffffff;
    line-height: 9vh;
    text-align: center;
    position: absolute;
    input {
      width: 85%;
      height: 6vh;
      font-size: 0.4rem;
      border-radius: 4px;
      border: 2px solid #65B651;
      color: #9B9B9B;
    }
  }

  .text {
    width: 85%;
    height: 20vh;
    background: #ffffff;
    position: relative;
    top: 60px;
    margin: 20px auto 0 auto;
    //top: 500px;
    border-radius: 3px;
    box-shadow: 0px 1px 5px #C4C4C4;
    .text-one {
      width: 94%;
      height: 14vh;
      margin-left: 8%;
      span {
        display: inline-block;
        font-size: 0.4rem;
        color: #000000;
        margin-top: 20px;
      }
    }

    .text-two {
      font-size: 0.4rem;

      span:nth-child(1) {
        margin-left: 8%;
        color: #9B9B9B;
      }

      span:nth-child(2) {
        float: right;
        display: inline-block;
        width: 25%;
        height: 4vh;
        background: #65B651;
        border-radius: 4px;
        text-align: center;
        line-height: 4vh;
        margin-right: 5%;
        color: #FFFFFF;
      }
    }
  }
}
</style>
